<template>
  <div >
      <el-row style="margin-left:13px;">
        <div>
          <i  style="font-size:20px" class="el-icon-info" @click="showSingeInfo"></i>
        </div>        
      </el-row>
      <el-dialog
      title="分单明细"
      :visible.sync="showDialogVisible"
      width="50%"
      center>
      <div>
        <el-table
          :data="tableData"
          style="width: 100%">
          <el-table-column
            type="index"
            width="50">
          </el-table-column>
          <el-table-column
            prop="waybillNo"
            label="分单号"
            width="180">
          </el-table-column>
          <el-table-column
            prop="inStockActualWeight"
            label="实重"
            width="180">
          </el-table-column>
          <el-table-column
            prop="inStockVolumeWeight"
            label="体积重">
          </el-table-column>
          <el-table-column
            prop="inStockChargedWeight"
            label="计费重">
          </el-table-column>
          <el-table-column
            prop="inStockTotalPackages"
            label="件数">
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { ajax } from "@/store/yg/common/utils";
import axios from "axios";
import * as constant from "@/store/yg/common/constant";
import {m} from "@/store/yg/common/local";



export default {
  props: [
  　　'row', 'data', 'more'
　],
  data() {
    return {
      tableData: [{
            waybillNo: '',
            inStockActualWeight: '',
            inStockVolumeWeight: '',
            inStockChargedWeight: '',
            inStockTotalPackages: '',
          }],
      showDialogVisible:false,
      systemReamrk:'',
    };
  },
  
  methods: {
     showSingeInfo(){
       this.showDialogVisible =true;
       var param =  {};
        param['id'] = this.data['id'];
        ajax("viewSingleWaybillNoDetail",param).then(res => {
            console.log(res);
            if (res.code === 200) {
                this.tableData = res.data;
            }
          },
          error => {
            console.log(error);
          }
        );    
     }
  },
  mounted() {
    this.systemReamrk = this.data['sysRemark'];
    
  }
};
</script>

<style>
.top {
      text-align: center;
    }
</style>
